<!DOCTYPE html>
<html lang="en-US" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>toolskits</title>
    <meta name="description" content="Vite & Vue powered static site generator.">
    <meta name="generator" content="VitePress v1.6.3">
    <link rel="preload stylesheet" href="/assets/style.CoQ8MiaP.css" as="style">
    <link rel="preload stylesheet" href="/vp-icons.css" as="style">
    <script type="module" src="/assets/chunks/metadata.aedd73b5.js"></script>
    <script type="module" src="/assets/app.DW__et_P.js"></script>
    <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/assets/chunks/theme.6aaaKxar.js">
    <link rel="modulepreload" href="/assets/chunks/framework.CkHWihve.js">
    <link rel="modulepreload" href="/assets/en_architecture_什么是架构设计.md.BV8Hb8ci.lean.js">
    <link rel="icon" type="image/svg+xml" href="/toolskits.svg">
    <link rel="icon" type="image/png" href="/toolskits.png">
    <meta name="theme-color" content="#5f67ee">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="en">
    <meta property="og:title" content="toolskits | sharptoolbox">
    <meta property="og:site_name" content="toolskits">
    <meta property="og:image" content="https://www.toolskits.com/vitepress-og.jpg">
    <meta property="og:url" content="https://www.toolskits.com/">
    <script src="https://cdn.usefathom.com/script.js" data-site="AZBRSFGG" data-spa="auto" defer></script>
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"dark",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-5d98c3a5><!--[--><!--]--><!--[--><span tabindex="-1" data-v-0b0ada53></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-0b0ada53>Skip to content</a><!--]--><!----><header class="VPNav" data-v-5d98c3a5 data-v-ae24b3ad><div class="VPNavBar" data-v-ae24b3ad data-v-6aa21345><div class="wrapper" data-v-6aa21345><div class="container" data-v-6aa21345><div class="title" data-v-6aa21345><div class="VPNavBarTitle has-sidebar" data-v-6aa21345 data-v-1168a8e4><a class="title" href="/en/" data-v-1168a8e4><!--[--><!--]--><!--[--><img class="VPImage logo" src="/toolskits.svg" width="24" height="24" alt data-v-8426fc1a><!--]--><span data-v-1168a8e4>toolskits</span><!--[--><!--]--></a></div></div><div class="content" data-v-6aa21345><div class="content-body" data-v-6aa21345><!--[--><!--]--><div class="VPNavBarSearch search" data-v-6aa21345><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-6aa21345 data-v-dc692963><span id="main-nav-aria-label" class="visually-hidden" data-v-dc692963> Main Navigation </span><!--[--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-dc692963 data-v-cf11d7a2><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-cf11d7a2><span class="text" data-v-cf11d7a2><!----><span data-v-cf11d7a2>Cloud Services & Prototype</span><span class="vpi-chevron-down text-icon" data-v-cf11d7a2></span></span></button><div class="menu" data-v-cf11d7a2><div class="VPMenu" data-v-cf11d7a2 data-v-b98bc113><div class="items" data-v-b98bc113><!--[--><!--[--><div class="VPMenuGroup" data-v-b98bc113 data-v-69e747b5><p class="title" data-v-69e747b5>Cloud Services</p><!--[--><!--[--><div class="VPMenuLink" data-v-69e747b5 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://www.huaweicloud.com" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>huaweicloud.com</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-69e747b5 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://www.aliyun.com" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>aliyun.com</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-69e747b5 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://cloud.tencent.com" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>tencent.com</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-69e747b5 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://www.dcloud.io" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>DCloud</span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-b98bc113 data-v-69e747b5><p class="title" data-v-69e747b5>Prototype</p><!--[--><!--[--><div class="VPMenuLink" data-v-69e747b5 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://www.figma.com" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>Figma</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-69e747b5 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://www.sketch.com" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>Sketch</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-69e747b5 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://www.wulihub.com.cn/" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>WuliHub</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-69e747b5 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://share.mockplus.cn/" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>mockplus</span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-b98bc113 data-v-69e747b5><p class="title" data-v-69e747b5>Page Archives</p><!--[--><!--[--><div class="VPMenuLink" data-v-69e747b5 data-v-35975db6><a class="VPLink link" href="/en/report/%E7%AC%AC%E5%8D%81%E5%9B%9B%E4%B8%AA%E4%BA%94%E5%B9%B4%E8%A7%84%E5%88%92%E5%92%8C2035%E5%B9%B4%E8%BF%9C%E6%99%AF%E7%9B%AE%E6%A0%87%E7%BA%B2%E8%A6%81" data-v-35975db6><!--[--><span data-v-35975db6>2021</span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-dc692963 data-v-cf11d7a2><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-cf11d7a2><span class="text" data-v-cf11d7a2><!----><span data-v-cf11d7a2>Oracle Source</span><span class="vpi-chevron-down text-icon" data-v-cf11d7a2></span></span></button><div class="menu" data-v-cf11d7a2><div class="VPMenu" data-v-cf11d7a2 data-v-b98bc113><div class="items" data-v-b98bc113><!--[--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://hanziyuan.net/#home" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>Chinese Etymology</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://www.zdic.net" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>Han Canon</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://www.haozidian.net/ziyuan" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>Characters Source</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="http://zisea.com" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>Characters Sea</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://zi.tools" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>zi.tools</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://zh.voicedic.com" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>Chinese Voicedic</span><!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-6aa21345 data-v-88af2de4 data-v-cf11d7a2><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-cf11d7a2><span class="text" data-v-cf11d7a2><span class="vpi-languages option-icon" data-v-cf11d7a2></span><!----><span class="vpi-chevron-down text-icon" data-v-cf11d7a2></span></span></button><div class="menu" data-v-cf11d7a2><div class="VPMenu" data-v-cf11d7a2 data-v-b98bc113><!----><!--[--><!--[--><div class="items" data-v-88af2de4><p class="title" data-v-88af2de4>English</p><!--[--><div class="VPMenuLink" data-v-88af2de4 data-v-35975db6><a class="VPLink link" href="/architecture/%E4%BB%80%E4%B9%88%E6%98%AF%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1" data-v-35975db6><!--[--><span data-v-35975db6>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-6aa21345 data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="true" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-6aa21345 data-v-0394ad82 data-v-7bc22406><!--[--><a class="VPSocialLink no-icon" href="https://www.cctv.com/" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5><svg t="1725445523099" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6115" width="200" height="200"><path d="M118.272 530.432c51.2 407.552 455.168 483.84 729.088 447.488v-120.832c-131.072 4.608-280.064 7.168-420.352-80.384-234.496-137.728-214.528-407.552 0-538.112 161.28-99.84 287.744-89.088 420.352-70.144 1.536-40.448 3.584-80.384 5.12-120.832C548.864 12.288 133.12 96.768 118.272 530.432z" p-id="6116"></path><path d="M389.12 522.24c2.56 74.24 44.032 123.392 61.44 143.36 12.288 14.336 43.52 47.104 116.736 78.336 100.864 43.52 200.192 49.664 277.504 44.544 1.024-29.696 1.536-59.392 2.56-88.576-30.208 1.024-73.728 0.512-125.44-8.704-58.88-10.24-98.816-16.896-138.24-46.08-11.264-8.192-88.576-65.024-81.92-143.36 7.168-84.992 105.984-129.024 127.488-138.752C670.72 344.576 711.68 340.992 747.52 337.92c40.96-3.584 75.264-1.536 99.84 1.024 1.024-27.648 1.536-55.296 2.56-82.944-26.112-3.584-62.976-7.168-107.52-5.12-36.864 2.048-100.864 5.632-174.592 37.888-47.104 20.48-99.328 43.52-137.728 100.352-11.264 16.384-43.52 65.024-40.96 133.12z" fill="#CC0033" p-id="6117"></path></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-6aa21345 data-v-bb2aa2f0 data-v-cf11d7a2><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-cf11d7a2><span class="vpi-more-horizontal icon" data-v-cf11d7a2></span></button><div class="menu" data-v-cf11d7a2><div class="VPMenu" data-v-cf11d7a2 data-v-b98bc113><!----><!--[--><!--[--><div class="group translations" data-v-bb2aa2f0><p class="trans-title" data-v-bb2aa2f0>English</p><!--[--><div class="VPMenuLink" data-v-bb2aa2f0 data-v-35975db6><a class="VPLink link" href="/architecture/%E4%BB%80%E4%B9%88%E6%98%AF%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1" data-v-35975db6><!--[--><span data-v-35975db6>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-bb2aa2f0><div class="item appearance" data-v-bb2aa2f0><p class="label" data-v-bb2aa2f0>Appearance</p><div class="appearance-action" data-v-bb2aa2f0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="true" data-v-bb2aa2f0 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bb2aa2f0><div class="item social-links" data-v-bb2aa2f0><div class="VPSocialLinks social-links-list" data-v-bb2aa2f0 data-v-7bc22406><!--[--><a class="VPSocialLink no-icon" href="https://www.cctv.com/" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5><svg t="1725445523099" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6115" width="200" height="200"><path d="M118.272 530.432c51.2 407.552 455.168 483.84 729.088 447.488v-120.832c-131.072 4.608-280.064 7.168-420.352-80.384-234.496-137.728-214.528-407.552 0-538.112 161.28-99.84 287.744-89.088 420.352-70.144 1.536-40.448 3.584-80.384 5.12-120.832C548.864 12.288 133.12 96.768 118.272 530.432z" p-id="6116"></path><path d="M389.12 522.24c2.56 74.24 44.032 123.392 61.44 143.36 12.288 14.336 43.52 47.104 116.736 78.336 100.864 43.52 200.192 49.664 277.504 44.544 1.024-29.696 1.536-59.392 2.56-88.576-30.208 1.024-73.728 0.512-125.44-8.704-58.88-10.24-98.816-16.896-138.24-46.08-11.264-8.192-88.576-65.024-81.92-143.36 7.168-84.992 105.984-129.024 127.488-138.752C670.72 344.576 711.68 340.992 747.52 337.92c40.96-3.584 75.264-1.536 99.84 1.024 1.024-27.648 1.536-55.296 2.56-82.944-26.112-3.584-62.976-7.168-107.52-5.12-36.864 2.048-100.864 5.632-174.592 37.888-47.104 20.48-99.328 43.52-137.728 100.352-11.264 16.384-43.52 65.024-40.96 133.12z" fill="#CC0033" p-id="6117"></path></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-6aa21345 data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-6aa21345><div class="divider-line" data-v-6aa21345></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-5d98c3a5 data-v-a6f0e41e><div class="container" data-v-a6f0e41e><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-a6f0e41e><span class="vpi-align-left menu-icon" data-v-a6f0e41e></span><span class="menu-text" data-v-a6f0e41e>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-a6f0e41e data-v-8a42e2b4><button data-v-8a42e2b4>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-5d98c3a5 data-v-319d5ca6><div class="curtain" data-v-319d5ca6></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-319d5ca6><span class="visually-hidden" id="sidebar-aria-label" data-v-319d5ca6> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-c40bc020><section class="VPSidebarItem level-0 collapsible collapsed has-active" data-v-c40bc020 data-v-b3fd67f8><div class="item" role="button" tabindex="0" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><h2 class="text" data-v-b3fd67f8>Architecture Design</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b3fd67f8><span class="vpi-chevron-right caret-icon" data-v-b3fd67f8></span></div></div><div class="items" data-v-b3fd67f8><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><a class="VPLink link link" href="/en/architecture/%E4%BB%80%E4%B9%88%E6%98%AF%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1" data-v-b3fd67f8><!--[--><p class="text" data-v-b3fd67f8>What is Architectural Design?</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-c40bc020><div class="VPSidebarItem level-0 collapsible collapsed" data-v-c40bc020 data-v-b3fd67f8><div class="item" role="button" tabindex="0" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><p class="text" data-v-b3fd67f8>Product Design</p><!----></div><!----></div></div><div class="no-transition group" data-v-c40bc020><section class="VPSidebarItem level-0 collapsible" data-v-c40bc020 data-v-b3fd67f8><div class="item" role="button" tabindex="0" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><h2 class="text" data-v-b3fd67f8>Business Model</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-b3fd67f8><span class="vpi-chevron-right caret-icon" data-v-b3fd67f8></span></div></div><div class="items" data-v-b3fd67f8><!--[--><div class="VPSidebarItem level-1" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" role="button" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><p class="text" data-v-b3fd67f8>Business model</p><!----></div><!----></div><div class="VPSidebarItem level-1" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" role="button" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><p class="text" data-v-b3fd67f8>Lean canvas</p><!----></div><!----></div><div class="VPSidebarItem level-1" data-v-b3fd67f8 data-v-b3fd67f8><div class="item" role="button" data-v-b3fd67f8><div class="indicator" data-v-b3fd67f8></div><p class="text" data-v-b3fd67f8>Project time</p><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-5d98c3a5 data-v-1428d186><div class="VPDoc has-sidebar has-aside" data-v-1428d186 data-v-39a288b8><!--[--><!--]--><div class="container" data-v-39a288b8><div class="aside" data-v-39a288b8><div class="aside-curtain" data-v-39a288b8></div><div class="aside-container" data-v-39a288b8><div class="aside-content" data-v-39a288b8><div class="VPDocAside" data-v-39a288b8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-a5bbad30><div class="content" data-v-a5bbad30><div class="outline-marker" data-v-a5bbad30></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-a5bbad30>On this page</div><ul class="VPDocOutlineItem root" data-v-a5bbad30 data-v-b933a997><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-39a288b8><div class="content-container" data-v-39a288b8><!--[--><!--]--><main class="main" data-v-39a288b8><div style="position:relative;" class="vp-doc _en_architecture_%E4%BB%80%E4%B9%88%E6%98%AF%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1" data-v-39a288b8><div><h2 id="i-what-is-architecture-and-architecture-essence" tabindex="-1">I. What is architecture and architecture essence <a class="header-anchor" href="#i-what-is-architecture-and-architecture-essence" aria-label="Permalink to &quot;I. What is architecture and architecture essence&quot;">​</a></h2><p>In the software industry, there is a lot of debate about what architecture is, and everyone has their own interpretation. The structure that you speak of and the structure that you understand are not necessarily the same thing. Therefore, before we discuss architecture, we first discuss the conceptual definition of architecture. Concept is the basis for people to know the world and the means to communicate. If the understanding of the concept of architecture is not the same, the communication is naturally not smooth.</p><p>Linux has an architecture, MySQL has an architecture, the JVM also has an architecture, the use of Java development, MySQL storage, running on Linux business system also has an architecture, which should be concerned about? To clarify the above issues, we need to comb through several related and similar concepts: system and subsystem, module and construction, framework and architecture:</p><p>**1.1. Systems and subsystems **</p><div class="warning custom-block"><p class="custom-block-title">System</p><p>System: Generally refers to a group of related individuals, operating according to certain rules, capable of doing work that individual components cannot do independently.</p><p>Subsystem: Also a system composed of a group of related individuals, most often part of a larger system.</p></div><p>**1.2. Modules and Components **</p><p>It&#39;s all part of the system, just taking it apart from different angles. A module is a logical unit and a component is a physical unit.</p><p>The module is to decompose the system logically, that is, divide and rule, and simplify complex problems. The granularity of a module can be large or small, it can be a system, several subsystems, a service, a function, a class, a method, a functional block, and so on.</p><p>Components can include application services, databases, networks, physical machines, and technical components such as MQ, containers, and Nginx.</p><p>**1.3. Framework and architecture **</p><p>Framework is the specification of component implementation, such as: MVC, MVP, MVVM, etc., is to provide basic functions of the product, such as open source framework: Ruby on Rails, Spring, Laravel, Django, etc., which can be used directly or on the basis of secondary development.</p><p>A framework is a specification and an architecture is a structure.</p><p>I redefine architecture here: Software architecture refers to the top-level structure of a software system.</p><p>Architecture is the most reasonable decision under the constraints of existing resources after systematic thinking and weighing advantages and disadvantages, and the final clear system skeleton: including subsystems, modules, and components. And the relationships between them, the constraints, the guidelines. And use it to guide everyone in the team to be aligned on a mental level. It involves four aspects:</p><ol><li>Rational decision-making of systematic thinking: such as technology selection, solution, etc.</li><li>Clear system skeleton: Clarify what parts of the system are made up of.</li><li>System collaboration relationships: How the various components work together to fulfill business requests.</li><li>Constraint specifications and guiding principles: ensure orderly, efficient and stable operation of the system.</li></ol><p>Therefore, the architect has the ability to: ** understand the business, control the whole situation, select the right technology, solve key problems, and guide the implementation of research and development **.</p><p>The essence of architecture is to restructure the system in order to meet the current business development, and can be rapidly expanded.</p><p>What kind of system to consider architecture design technology does not come out of nowhere and self-driven development, and the development and requirements of the architecture are based on business drivers.</p><p>Architecture is all about the business,</p><ol><li>The requirements are relatively complex.</li><li>Non-functional requirements play an important role in the whole system.</li><li>Long system life cycle and scalability requirements.</li><li>The system is based on component or integration needs.</li><li>The need for business process reengineering.</li></ol><h2 id="ii-architectural-layering-and-classification" tabindex="-1">II. Architectural layering and classification <a class="header-anchor" href="#ii-architectural-layering-and-classification" aria-label="Permalink to &quot;II. Architectural layering and classification&quot;">​</a></h2><p>Architecture can be subdivided into business architecture, application architecture, technology architecture, code architecture, and deployment architecture</p><p>! [What is real architecture design?] (<a href="https://segmentfault.com/img/remote/1460000023122585" target="_blank" rel="noreferrer">https://segmentfault.com/img/remote/1460000023122585</a> &quot;what is the real architecture design?&quot; )</p><p>Business architecture is strategy, application architecture is tactics, and technology architecture is equipment. Among them, the application architecture connects the top and bottom, on the one hand, to undertake the landing of the business architecture, on the other hand, affects the technology selection.</p><p>Get familiar with the business, form the business architecture, make the corresponding application architecture according to the business architecture, and finally implement the technical architecture.</p><p>How to choose the right application architecture for the current needs, how to face the future and ensure the smooth transition of the architecture, this is a problem that software developers, especially architects, need to think deeply about.</p><p>**2.1. Business Architecture (Overhead architecture) ** :</p><p>Including business planning, business modules, business processes, the business of the whole system is divided, the domain model is designed, and the real business is transformed into abstract objects.</p><p>There is no optimal architecture, only the most suitable architecture, all system design principles should be to solve business problems as the ultimate goal, from the actual business of the technical feelings of the framework will often bring the system into the pit, any not based on the business to do whimsical architecture is a rogue.</p><p>The premise of all the problems is to understand how much business we are facing today, what is the growth trend, and the process of solving high concurrency must be a gradual process. A reasonable architecture that can anticipate business development 1 to 2 years in advance is appropriate. This can pay a more reasonable price in exchange for the real effect of technology-led business growth.</p><p>Take a look at Jingdong business structure (online share picture) :</p><p>! [What is real architecture design?] (<a href="https://segmentfault.com/img/remote/1460000023122586" target="_blank" rel="noreferrer">https://segmentfault.com/img/remote/1460000023122586</a> &quot;what is the real architecture design?&quot; )</p><p>**2.2. Application Architecture (Profile architecture, also known as logic architecture diagram) ** :</p><p>Hardware-to-application abstraction, including abstraction layers and programming interfaces. Application architecture and business architecture are mutually reinforcing. Every part of the business architecture has an application architecture.</p><p>Similar:</p><p>! [What is real architecture design?] (<a href="https://segmentfault.com/img/remote/1460000023122587" target="_blank" rel="noreferrer">https://segmentfault.com/img/remote/1460000023122587</a> &quot;what is the real architecture design?&quot; )</p><p>Application architecture: As an independent deployable unit, an application divides a clear boundary for the system and profoundly affects the functional organization, code development, deployment, and operation and maintenance of the system. The application architecture defines which applications are in the system and how they work together. The so-called application here is the various logic modules or subsystems.</p><p>There are two key points in the application architecture diagram:</p><p>Division of responsibilities: Clear application (each logic module or subsystem) boundaries</p><ul><li>Logical layering</li><li>Subsystem and module definition.</li><li>Key class.</li></ul><ol start="2"><li>Collaboration between responsibilities:</li></ol><ul><li>Interface protocol: indicates the output interface of the application.</li><li>Collaboration: indicates the calling relationship between applications.</li></ul><p>There are two ways to apply layering:</p><p>One is horizontal (horizontal), according to the functional processing order to divide the application, such as the system is divided into web front-end/intermediate services/background tasks, which is a business-oriented depth of division. The other is vertical division (vertical), according to different business types of application, such as the purchase, sales and inventory system can be divided into three independent applications, which is oriented to the breadth of business division.</p><p>Application cooperation reflects how applications cooperate to complete complex business cases, which is mainly reflected in the communication mechanism and data format between applications. The communication mechanism can be synchronous call/asynchronous message/shared DB access, etc., and the data format can be text /XML/JSON/ binary.</p><p>The division of the application is biased towards the business and reflects the business architecture, while the combination of the application is biased towards the technology and affects the technical architecture. The business complexity is reduced, the system is more ordered, and the technical complexity is increased, the system is more disorderly.</p><p>The essence of application architecture is to balance business and technical complexity through system fragmentation to ensure that the system is not dispersed.</p><p>What kind of application architecture the system adopts is affected by the complexity of the business, including the development stage and business characteristics of the enterprise; IT is also affected by technical complexity, including the stage of IT technology development and the level of internal technical personnel. Service complexity (including large service volumes) inevitably leads to technical complexity. The application architecture aims to solve the service complexity while avoiding too much technical complexity and ensuring the implementation of the service architecture.</p><p>**2.3. Data architecture **</p><p>Data architecture guides database design. Consider not only the database and entity model involved in the development, but also the design of the data storage in the physical architecture.</p><p>! [What is real architecture design?] (<a href="https://segmentfault.com/img/remote/1460000023122590" target="_blank" rel="noreferrer">https://segmentfault.com/img/remote/1460000023122590</a> &quot;what is the real architecture design?&quot; )</p><p>**2.4. Code Architecture (also called Development architecture) ** :</p><p>Subsystem code architecture mainly provides practical guidance for developers, if the code architecture design is insufficient, it will cause the architecture design that affects the whole world. For example, different development teams within the company use different technology stacks or components, and the result is that the overall architectural design of the company can get out of control.</p><p>Code architecture main definitions:</p><p>①. Code unit:</p><ul><li>Configuration design</li><li>Framework, class library.</li></ul><p>②. Code unit organization:</p><ul><li>Coding specifications, coding conventions.</li><li>Project module division</li><li>Top-level file structure design, such as mvc design.</li><li>Dependency</li></ul><p>! [What is real architecture design?] (<a href="https://segmentfault.com/img/remote/1460000023122588" target="_blank" rel="noreferrer">https://segmentfault.com/img/remote/1460000023122588</a> &quot;what is the real architecture design?&quot; )</p><p>**2.5. Technical Architecture **</p><p>Technical architecture: Determine the actual running components that make up the application (lvs, nginx, tomcat, php-fpm, etc.), the relationships between these running components, and the strategy for deploying them to hardware.</p><p>The technical architecture mainly considers the non-functional characteristics of the system, and makes system-level grasp of the system&#39;s high availability, high performance, expansion, security, scalability, simplicity, etc.</p><p>The design of system architecture requires the architect to have a solid knowledge of the functionality and performance of software and hardware, which is the most difficult part of the architecture design work.</p><p>**2.6. Deployment topology Diagram (actual physical diagram) ** :</p><p>Topology architecture, including the deployment of several nodes of the architecture, the relationship between nodes, the high availability of servers, network interfaces and protocols, etc., determines how the application runs, the performance of the operation, maintainability, scalability, and is the basis of all architectures. This figure is the main focus of O&amp;M engineers.</p><p>! [What is real architecture design?] (<a href="https://segmentfault.com/img/remote/1460000023122589" target="_blank" rel="noreferrer">https://segmentfault.com/img/remote/1460000023122589</a> &quot;what is the real architecture design?&quot; )</p><p>The physical architecture mainly considers hardware selection and topology, software-to-hardware mapping, and the interaction between hardware and software.</p><p>! [What is real architecture design?] (<a href="https://segmentfault.com/img/remote/1460000023122591" target="_blank" rel="noreferrer">https://segmentfault.com/img/remote/1460000023122591</a> &quot;what is the real architecture design?&quot; )</p><h2 id="iii-architecture-level" tabindex="-1">III. Architecture level <a class="header-anchor" href="#iii-architecture-level" aria-label="Permalink to &quot;III. Architecture level&quot;">​</a></h2><p>We use the architectural level of the pyramid to illustrate that the upper level contains the lower level:</p><p>! [What is real architecture design?] (<a href="https://segmentfault.com/img/remote/1460000023122592" target="_blank" rel="noreferrer">https://segmentfault.com/img/remote/1460000023122592</a> &quot;what is the real architecture design?&quot; )</p><ul><li>** System-level ** : that is, the relationship between the parts of the whole system and how to govern it: Stratification</li><li>** Application level ** : that is, the overall architecture of a single application, and its relationship with a single application in the system.</li><li>** Module level ** : that is, the internal module architecture of the application, such as the modularization of code, data and state management.</li><li>** Code level ** : That is, from the code level guarantee architecture implementation.</li></ul><p>** Strategic design and Tactical design **</p><p>Based on the architecture pyramid, we have the perfect combination of strategic design and tactical design of the system architecture:</p><ul><li>** Strategic Design ** : Business architecture is used to guide the architect on how to design the system architecture.</li><li>** Tactical Design ** : Application architecture should be designed according to business architecture.</li><li>** Tactical implementation ** : After the application architecture is determined, it is the technology selection.</li></ul><p>! [What is real architecture design?] (<a href="https://segmentfault.com/img/remote/1460000023122594" target="_blank" rel="noreferrer">https://segmentfault.com/img/remote/1460000023122594</a> &quot;what is the real architecture design?&quot; )</p><ol start="4"><li>Evolution of application architecture</li></ol><p>Business architecture is productivity, application architecture is production relations, and technology architecture is production tools. The business architecture determines the application architecture, and the application architecture needs to adapt to the business architecture and evolve with the business architecture. At the same time, the application architecture relies on the technology architecture to finally land.</p><p>! [What is real architecture design?] (<a href="https://segmentfault.com/img/remote/1460000023122593" target="_blank" rel="noreferrer">https://segmentfault.com/img/remote/1460000023122593</a> &quot;what is the real architecture design?&quot; )</p><p>Architecture evolution path: Single application → distributed application service → Microservice</p><p>**4.1. Single application **</p><p>At the beginning of the enterprise, the business is relatively simple, only a simple scenario is applied, and the application service supports data addition, deletion, modification and check and simple logic. Single application can meet the requirements.</p><p>Typical three-level architecture, front-end (Web/ mobile) + intermediate business logic layer + database layer. This is a typical Java Spring MVC or Python Django framework application. Its architecture diagram is shown below:</p><p>! [What is real architecture design?] (<a href="https://segmentfault.com/img/remote/1460000023122595" target="_blank" rel="noreferrer">https://segmentfault.com/img/remote/1460000023122595</a> &quot;what is the real architecture design?&quot; )</p><p>Approaches for monomer applications, non-functional requirements:</p><ol><li>Performance requirements: Use caching to improve performance</li><li>Concurrency requirements: Use clusters to improve concurrency</li><li>Read/write separation: read/write separation of the database</li><li>Use reverse proxies and cdn acceleration</li><li>Use distributed files and distributed databases</li></ol><p>Monolithic applications are easier to deploy and test, and work well in the early stages of a project. However, as demand continues to increase and more and more people join the development team, the codebase is also expanding rapidly. Slowly, the single application becomes more and more bloated, the maintainability and flexibility are gradually reduced, and the maintenance cost is becoming higher and higher. Here are some disadvantages of monolithic applications:</p><ul><li>** High complexity ** : Taking a single application of millions of lines as an example, the entire project contains very many modules, the boundaries of modules are fuzzy, the dependencies are not clear, the code quality is uneven, and the confusion is piled together. As you can imagine, the whole project is very complicated. Every time you change the code, even adding a simple feature, or fixing a Bug will introduce an implicit flaw.</li><li>** Technical debt ** : As time goes by, requirements change and personnel change, the technical debt of the application will gradually form and accumulate. &quot;Don&#39;t break, don&#39;t fix&quot;, this is very common in software development, and this idea is even more common in monolithic applications. A used system design or code is difficult to modify because other modules in the application may use it in unexpected ways.</li><li>** Low deployment frequency ** : As the code increases, the build and deployment time increases. In monolithic applications, each feature change or bug fix results in the need to redeploy the entire application. Full deployment takes a long time, has a large impact, and is high in risk. As a result, single application projects are rarely deployed online. The low deployment frequency leads to a large number of functional changes and bug fixes between releases, and the error rate is relatively high.</li><li>** Poor reliability ** : An application Bug, such as a dead loop or memory overflow, may cause the entire application to crash.</li><li>** Limited expansion ability ** : A single application can only be expanded as a whole, and cannot be scaled according to the needs of the business module. For example, some modules in the application are computationally intensive and require a powerful CPU. Some modules are IO intensive and require more memory. As these modules are deployed together, compromises have to be made in the choice of hardware. ** Hinder technological innovation ** : Single applications often use a unified technology platform or solution to solve all problems, every member of the team must use the same development language and framework, it is very difficult to introduce a new framework or a new technology platform.</li></ul><p>**4.2. Distributed **</p><p>With the deepening of the business, the business requires more and more product functions, and the logic of each business module becomes more complex, and the depth and breadth of the business increase, making the single application become more and more bloated, the maintainability and flexibility gradually reduce, the development cycle of adding new functions becomes longer and longer, and the maintenance cost becomes higher and higher.</p><p>At this time, it is necessary to split the system according to business function modules, and turn each module into a distributed system. Service modules are deployed on different servers and communicate with each other through interfaces.</p><p>Compared with the single architecture, this architecture provides the ability of load balancing, greatly improves the system load capacity, and solves the needs of high concurrency of the website. There are also the following features:</p><ul><li>** Reduces the coupling degree ** : Split the module, use interface communication, reduce the coupling degree between the modules.</li><li>** Clear responsibility ** : Divide the project into several sub-projects, with different teams responsible for different sub-projects.</li><li>** Easy to expand ** : Only need to add a subproject when increasing the function, call the interface of other systems can be.</li><li>** Easy deployment ** : Flexible distributed deployment.</li><li>** Improve code reusability ** : For example, if the Service layer does not adopt the distributed rest Service architecture, a service layer logic will be written on each end of the mobile Wap mall, wechat mall, PC, Android and iOS. The development is large and it is difficult to maintain and upgrade together. At this time, distributed rest service mode can be adopted. Share a service layer.</li></ul></div></div></main><footer class="VPDocFooter" data-v-39a288b8 data-v-e257564d><!--[--><!--]--><div class="edit-info" data-v-e257564d><!----><div class="last-updated" data-v-e257564d><p class="VPLastUpdated" data-v-e257564d data-v-e98dd255>Last updated: <time datetime="2024-09-05T03:49:01.000Z" data-v-e98dd255></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/en/architecture/%E4%BB%80%E4%B9%88%E6%98%AF%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d></span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/en/architecture/%E4%BB%80%E4%B9%88%E6%98%AF%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d></span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-5d98c3a5 data-v-e315a0ad><div class="container" data-v-e315a0ad><!----><p class="copyright" data-v-e315a0ad>版权所有 © 2020-2025 toolskits.cn <a href="mailto:244088268@qq.com">📧邮箱</a></p></div></footer><!--[--><!--]--></div></div>
    
    
  </body>
</html>